page {
    background-color: #f5f5f5;
    padding-top: 10rpx;
}

.list {
    box-sizing: border-box;
}

.item {
    box-sizing: border-box;
    background-color: #fff;
    padding: 20rpx 24rpx;
    display: flex;
    flex-direction: row;
    border-bottom: 1rpx solid #ededed;
    height: 180rpx;
    margin-bottom: 16rpx;
    image {
        width: 140rpx;
        height: 140rpx;
    }
    .info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 26rpx;
        color: #4b4646;
        box-sizing: border-box;
        padding-left: 16rpx;
        .pre_price {
            color: #787170;
            font-size: 24rpx;
        }
    }
    .num {
        color: #aa9f9c;
        font-size: 24rpx;
        align-self: flex-end;
    }
}

.group_item {
    &:last-of-type{
        border: 0;
    }
    margin-bottom: 16rpx;
    background-color: #fff;
    padding: 0 24rpx;
    
    .group_text {
        height: 72rpx;
        box-sizing: border-box;
        border-bottom: 1rpx solid #ededed;
        font-size: 28rpx;
        image {
            width: 26rpx;
            height: 26rpx;
            margin-right: 14rpx;
            vertical-align: -10%;
        }
        .group-name {
            color: #4b4646;
            line-height: 72rpx;
        }
        .num {
            color: #787170;
            float: right;
            line-height: 72rpx;
            font-size: 28rpx;
        }
    }
    .item {
        box-sizing: border-box;
        padding:  0;
        display: flex;
        flex-direction: row;
        height: 132rpx;
        border: 0;
        padding-left: 22rpx;
        margin-bottom: 0;
        image{
            width: 100rpx;
            height: 100rpx;
            padding-right: 36rpx;
            padding-top: 16rpx;
        }
        .info {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 24rpx;
            color: #4b4646;
            box-sizing: border-box;
            padding: 16rpx 0;
            // padding-left: 16rpx;
            border-bottom: 1rpx solid #ededed;
            .pre_price {
                color: #787170;
                font-size: 20rpx;
            }
            
        }
        &:last-child{
            .info{
                border: 0;
            }
        }
    }
}
.upload_toast{
   position: absolute;
   z-index: 1000;
   width: 100%;
   height: 100%;
   background-color: rgba(40, 40, 40, 0.45);
   left: 0;
   top: 0;
   padding-top: 200rpx;
   box-sizing:border-box;

   .container{
       border-radius: 12rpx;
       width: 650rpx;
       margin: 0 auto;
       background: #fff;
       padding-bottom: 30rpx;
       animation: scales 0.5s linear -0.4s;
       @keyframes scales {
        from {
          width: 0;
          height: 0;
        }
        to {
          width: 100%;
          height: 100%;
        }
      }
       image{
        width:650rpx;
        height: 330rpx;
       }
       .tips1{
           margin: 50rpx auto 20rpx auto;
           font-size: 40rpx;
           font-weight: bolder;
           color: #231816;
           text-align: center;
       }
       .tips2{
        margin: 0 auto 50rpx auto;
        font-size: 28rpx;
        color: #aa9f9d;
        text-align: center;
       }
       .toUpload{
           width: 590rpx;
           height: 88rpx;
           background: #ffea00;
           border-radius: 44rpx;
           color: #231816;
           font-size: 36rpx;
           text-align: center;
           line-height: 88rpx;
           margin: 0 auto;
       }
   }
   .close{
       margin: 0 auto;
       margin-top: 80rpx;
       width: 64rpx;
       height: 64rpx;
       display: block;

   }
   
}